<template>
  <el-descriptions class="margin-top" :column="3" :size="size" border>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
        姓名
      </template>
      {{ user.name }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        ID
      </template>
      {{ user.id }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        所属班级
      </template>
      {{ user.clazz }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        寝室
      </template>
      {{ user.room }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        身高（cm）
      </template>
      {{ user.height }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        体重（kg）
      </template>
      {{ user.weight }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        跑步总里程数（km）
      </template>
      {{
        user.mileageTerm1 +
          user.mileageTerm2 +
          user.mileageTerm3 +
          user.mileageTerm4
      }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        备注
      </template>
      <el-tag size="small">学校</el-tag>
      中原工学院
    </el-descriptions-item>
  </el-descriptions>
  
</template>

<script>
export default {
  data() {
    return {
      user: JSON.parse(window.sessionStorage.getItem("user")),
      size: "",
    };
  },
  methods: {

  },
};
</script>

<style>
.home-container {
  height: 100%;
}
</style>
